<template>
  <div>
    <div class="flex justify-between items-center pr-4 py-2 bg-white">
      <LayoutBreadcrumb class="grow" />
      <a-button type="primary" @click="onSubmit">修改</a-button>
    </div>
    <div class="mt-2 bg-white w-full pl-16 pr-32 pt-8 pb-24">
      <this-form ref="formR" />
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
import { LayoutBreadcrumb } from '../../../layouts/default/header/components';
// import { BasicTable } from '/@/components/Table';
import thisForm from './form.vue';

export default defineComponent({
  components: { LayoutBreadcrumb, thisForm },
  setup() {
    const formR = ref();

    function onSubmit() {
      formR.value.onFinish();
    }
    return {
      formR,
      onSubmit,
    };
  },
});
</script>
